<template>
  <div class="text">
    <span>{{ count }}</span>
  </div>
</template>

<script setup>
import { computed, onMounted, onUpdated, ref } from "vue";
const count = ref(0);
onMounted(()=>{
  setInterval(()=>{
    count.value++;
  },1000);
})
</script>

<style scoped>
.text {
  white-space: pre-wrap;
  user-select: none;
  position: relative;
  span {
    display: block;
    height: 100%;
    width: 100%;
  }
}
</style>